<script lang="ts" setup>
import { ref, computed } from "vue";
import Flex from "@/components/Layout/Flex.vue";
import assetsImage from "@/utils/assetsImage";

interface Props {
  title: string;
  leftIcon?: string;
  rightIcon?: string;
}
// props
const props = withDefaults(defineProps<Props>(), {
  title: "标题",
  leftIcon: "Time.png",
  rightIcon: "OnePeople.png"
});
// data
// computed
// emit
const emit = defineEmits(["selected-tab", "selected-sub-tab"]);
</script>
<template>
  <view>
    <Flex justify="space-between">
      <image class="icon" :src="assetsImage(props.leftIcon)" />
      <text>{{ title }}</text>
      <image class="icon" :src="assetsImage(props.rightIcon)" />
    </Flex>
  </view>
</template>
<style lang="scss" scoped>
.items {
  width: 532rpx;
}
.item {
  flex-basis: 50%;
  text-align: center;
  color: #63657c;
  &.selected {
    color: #17181c;
  }
}
.icon {
  width: 40rpx;
  height: 40rpx;
}
</style>
